<template>
  <div id="one">
    <div class="pad" v-for="(a,i) in data1" v-if="i!=0" @click="btn(a)">
        <div class="tow">
            <span class="img"></span>
            <router-link id="huati" :to="'/fenqu/'+a">{{a}}</router-link>
        </div>
    </div>
  </div>
</template>

<script>
  import {mapState} from "vuex";
  export default {
    mounted: function () {
      this.$store.dispatch("requesttitle");
      this.$store.dispatch("request");
    },
    computed:{
      ...mapState([
        "title",
        "data1"
      ]) 
    },
    // methods:{
    //     btn(e){
    //         // console.log(e)
    //         window.location.href="http://127.0.0.1:8080'/fenqu/'+e"
    //     }
    // }
  }

</script>

<style scoped>
    .img{
        display: inline-block;
        background-image: url(../assets/5.jpg);
        width: 50px;
        height: 50px;
        background-position: 50% 50%;
        background-size: 100%;
        /*vertical-align:top;*/
        flex-shrink: 0;
    }
    #one{
        padding-left: 10px;
        padding-top: 15px;
    }
    .pad{
        padding-bottom: 10px;
    }
    .tow{
        height: 60px;
        text-align: left;
        display: flex;
        border-bottom: 1px solid #eee;
        line-height: 10px
    }
    h2{
        
        
    }
    #huati{
        padding-left: 10px;
        text-decoration: none;
        color: #0099FF;
        line-height: 50px;
        font-size: 28px;
    }
  #line {
    border-bottom: 1px solid #eee;
    padding: 10px 10px;
  }
  .yangshi{
    width: 50px;
    height: 50px;
  }
  span {
    display: inline-block;
    font-size: 16px;
    color: #0099FF;
    padding: 0 10px ;
  }
</style>